iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0
Modern Web

與WordPress的邂逅,像極了愛情!系列 第 5

從 Query Monitar 外掛了解 WP

  • 分享至 

  • xImage
  •  

《本篇文章同步發表在我瘋官方粉絲團&我瘋官方網站

使用 WordPress 架站,不免要自行開發或安裝許多外掛及佈景主題,當頁面產生錯誤訊息時,我們要如何有效率地除錯呢 ?

現在可以透過 Query Monitor 來進行監控,除了可以查看頁面載入的情形,也能查看目前的錯誤訊息來自哪一支檔案等功能,節省了開發人員除錯的時間,並有效地確定哪些外掛、佈景主題或功能的性能不佳。


安裝外掛 Query Monitor

https://i.imgur.com/Ydu4Hot.png


【功能介紹】

查看頁面載入情形,也可透過選項 「Overviews」 查看

https://i.imgur.com/By0d551.png

目前 Query Monitor 所提供的功能

https://i.imgur.com/i8cufvW.png

當需要做 SQL 語法優化時,可查看 「Queries」,且可以按照不同條件做篩選。

https://i.imgur.com/UvtXuQv.png

在網站開發時,可快速瞭解此頁面樣版 [ index.php ],以及 Template Tags [ is_front_page()、is_home()、is_ssl() ]

https://i.imgur.com/CzWcD4h.png

Template Tags : 為 WordPress 所提供的 API,當你在設計網站頁面時,則可藉由 Tags 來取得內容或做判斷,並將資料顯示在頁面上。

使用範例如下 :

// 顯示文章日期
<?php 
    $post_date = get_the_date(); 
    echo $post_date;
?>

// 判斷是否為 home page
<?php 
    if(is_home()){
        echo "This is home page.";
    }
?>

查看當前頁面載入的所有 Scripts & Styles

https://i.imgur.com/QQ6KkZd.png

查看 WordPress 環境的詳細資料,包含 PHP、Database、WordPress、Server。

https://i.imgur.com/6DU3st6.png

除了上述介紹的功能外,仍有許多功能以簡單且易理解的方式提供訊息,讓開發人員能夠快速瞭解當前影響網站的原因,非常的方便呢 !

《精采文章同步發表》
1.我瘋FB粉絲專頁:https://www.facebook.com/我瘋程式工作室wowfuncode-102683961458110/
2.我瘋官網:https://www.wowfuncode.com/category/blog/


上一篇
WordPress Hierarchy 以及檔案架構
下一篇
WP前後端功能基本講解
系列文
與WordPress的邂逅,像極了愛情!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言